<template>
  <div class="stick">
    <div class="wrapper">
      <div class="detail">
        <stick-nav></stick-nav>
        <left-stick class="left-stick"></left-stick>
      </div>
      <aside-right></aside-right>
    </div>
  </div>
</template>

<script>
import StickNav from 'common/navBar/NavBar.vue';
import AsideRight from 'common/aside/asideRight/AsideRight';
import LeftStick from 'common/aside/asideLeft/component/LeftStick';
export default {
  name: 'Stick',
  components: {
    AsideRight,
    LeftStick,
    StickNav
  },
  created () { 
    const stickRoute = this.$route;
    if( !stickRoute.query.data ) {
      stickRoute.query.data = '00000'
    }
  }
}
</script>

<style lang="stylus" scoped>
  @import '~assets/css/mixins.styl';
  .stick
    container()
    padding-top: $spaceHeight
    .wrapper
      wrapper()
      display: flex
      flex-direction: row
      flex-wrap: wrap
      .detail
        width: 13.6rem
        box-shadow:0 0 0 0 #fff,0 0 0 #fff,0 0 0 #fff,.02rem 0 .1rem 0 $borderLight
        z-index: 2  
        .controller
          padding: .4rem .28rem  0 0
        .left-stick
          margin-top: .5rem 
</style>
